<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: aqua;
			}
			.loginDiv{
				width: 34.375rem;
				height: 33.125rem;
				background-color: white;
				/* 让div整体居中 */
				margin: 0 auto;
				/* 让div距离顶部距离 */
				margin-top: 5rem;
				/* 调整顶部内边距 */
				padding-top: 1.875rem;
				text-align: center;
			}
			.loginPut{
				width: 26.625rem;
				height: 55px;
				border-radius: 5px;
				border: 1px solid gainsboro;
				margin-bottom:10px ;
				/* 内边距 */
				padding-left: 30px;
				/* 文本框背景透明 */
				background-color: transparent;
				/* 边框往左移动 */
				margin-left: -25px;
			}
			
			.longinBtn{
				width: 460px;
				height: 55px;
				background-color: #FF6B4D;
				color: white;
				font-size: 20px;
				border-radius: 5px;
				/* 去掉边框 */
				border: none;
			}
			
			.loginimg{
				margin-top: 20px;
			}
			.img2{
				margin-left: 10px;
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<div style="text-align: center;">
				<img src="img/tyustlogo.png" width="250px"/>
			</div>
			<h2>毕业设计管理平台</h2>
			<div>
				<img class="img1" src="img/user.png"/><input class="loginPut" type="text"   placeholder="请输入用户名"/><br />
				<img class="img1" src="img/password.png"/><input class="loginPut" type="password" placeholder="请输入密码"/>
			<br />
			<input type="submit" value="登录" class="longinBtn"/>
			</div>
			<div class="loginimg">
				<!-- 放第三方登录 -->
				<img class="img2" src="img/weixin.png"/>
				<img class="img2" src="img/qq.png"/>
				<img class="img2" src="img/weibo.png"/>
			</div>
			<div style="font-size: 12px; line-height: 20px;">
				技术支持：得得得得<br>
				开发者：哈哈哈哈哈
			</div>
		</div>
	</body>
</html>